<template>
	<view>
		<view>
			<view style="background-color: #ffffff;border-radius: 2px; padding: 10px 10px 10px 10px;margin-top: 15px;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.12)">
				 <u-grid
						:border="false"
						@click="click"
						:col="4"
				>
					<u-grid-item
							v-for="(menuItem,menuIndex) in toolMenu.mall"
							:key="menuIndex"
					>
						<u-icon
								:customStyle="{paddingTop:20+'rpx'}"
								:name="menuItem.name"
								:size="100"
						></u-icon>
						<text style="font-size: 13px;padding-top: 5px;color: #111111;">{{menuItem.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				toolMenu: {
					mall: [
						{
							name: '/static/tab/l1.png',
							title: '课程管理',
							path:''
						},
						{
							name: '/static/tab/l2.png',
							title: '运动知识',
							path:''
						},
						{
							name: '/static/tab/l3.png',
							title: '健康指南',
							path:''
						},
						{
							name: '/static/tab/l4.png',
							title: '专业指导',
							path:''
						}
					]
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
